<template>
    <!-- 内容为空时显示 -->
    <view class="empty-contanier">
        <image class="img" src="@/static/empty.png" />
        <text class="text">这里空空如也哦~</text>
    </view>
</template>
<script setup lang="ts">
</script>
<style scoped lang="scss">
.empty-contanier {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    .img {
        width: 200rpx;
        height: 300rpx;
    }

    .text {
        font-size: 28rpx;
        color: #aaa;
    }
}
</style>
